<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="pragma" content="no-cache"> 
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> 
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>个人购买页面</title>
<script type="text/javascript" src="<s:url value='/resources/js/jquery/jquery-1.5.2.min.js'/>"></script>
<script type="text/javascript" src="<s:url value='/resources/js/common/time.js'/>"></script> 
<link rel="stylesheet" type="text/css" href="<s:url value='/resources/css/tick/header.css'/>" media="all" />
<script type="text/javascript">
$(function(){
	$('.sys_time').createTime({format:'yyyy-MM-dd EEE HH:mm:ss'});
});
</script>
<style>
body{
	width:1024px;
	height:786px;
	padding: 0;
	margin: 0;
}
.back{
	width:100%;
	height:100%;
	background:url(<s:url value='/resources/images/ticket/buy/menBy.jpg'/>);
	background-repeat : no-repeat;
	text-align:center;
}
.mid{
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:250px;
	
	
	
}
.but{
	
}
.tip{
	position:relative;
	top:50px;
	font-size:25px;
	}
.but1{
	float:left;
	width: 450px;
	text-align:right;
	position:relative;
	top:150px;
}
.but2{
	float:right;
	width: 450px;
	text-align:left;
	position:relative;
	top:150px;
}
.red{
	color:red;
	font-size:30px;
	}
.tab{
	background-color:#e3e3e3;
	width:700px;
	height:150px
	}
	.tab th{
		background-color:#e7f1f2}
			.tab td{
		background-color:#ffffff}
		
img{border:0px;}
</style>
</head>

<body>
<div class="back" >
<div class="header">
		<div class="systime">昆明&nbsp;<span class="sys_time">2013/5/26&nbsp;星期&nbsp;&nbsp;&nbsp;00:00:00</span></div>
	</div>
	<div class="mid">
	<table class="tab"  align="center">
        <tr>
        	<th>类型</th>
            <th>价格</th>
            <th>保险</th>
          </tr>
            <tr>
            	<td>成人票</td>
                <td>70元</td>
                <td>5元</td>
            </tr>
            <tr>
            	<td>儿童票</td>
                <td>45元</td>
                 <td>5元</td>
            </tr>
            <tr>
            	<td>老年票</td>
                <td>55元</td>
                 <td>5元</td>
            </tr>
        </table>
	
    <div class="tip">你需要购买的是<span class="red"><s:property value="#request.type" /></span>票</div>
    <div class="tip">票价<span class="red"><s:property value="#request.free" /></span>元</div>
    <div class="but1"> <a href="<s:url value='/place/menok'/>"><img src="<s:url value='/resources/images/ticket/buy/yes.jpg'/>"/></a></div>
    <div class="but2"><a href="<s:url value='/place/index'/>"><img src="<s:url value='/resources/images/ticket/buy/no.jpg'/>"/></a></div>
     
     
  </div>
</div>
</body>
</html>